<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/classfly.css">
    <script src="./js/classfly.js"></script>
    <script src="./js/temp.js"></script>

</head>

<body>
    <!-- 头部部分 -->
    <header class="pta fz14">
        <!-- logo -->
        <img src="./imgs/new-logo-white2.png" alt="" class="logo fl mg20 ml30">
        <!-- 导航 -->
        <ul class="nav fl clearfix pta">
            <li class="fl mr20"><a href="./index.html" target="_blank">首页</a> </li>
            <li class="active fl mr20"><a href="./classfly.html" target="_blank">API</a></li>
            <li class="fl mr20"><a href="./API-detail.html" target="_blank">产品服务</a></li>
            <li class="fl mr20"><a href="./data.html" target="_blank">案例</a></li>

        </ul>
        <!-- 登录和注册 -->
        <div class="right-box fr mr30 fz12">
            <a href="#">登录</a>
            <a href="#" class="reg">注册有礼</a>
        </div>
    </header>
    <!-- API分类部分的代码 -->
    <div id="classfly" class="container">
        <p class="fz26 mg30">API分类</p>
        <ul class="fz12" id="api" >

        </ul>
        <!-- <div class="fz12">
            <a href="">全部</a>
            <a href="">生活服务</a>
            <a href="">金融科技</a>
            <a href="">交通地理</a>
            <a href="">充值缴费</a>
            <a href="">数据智能</a>
            <a href="">企业工商</a>
            <a href="">应用开发</a>
            <a href="">电子商务</a>
            <a href="">吃喝玩乐</a>
            <a href="">文娱视频</a>
            <a href=""><strong>免费借口大全</strong> </a>
            <a href="">短信</a>
            <a href="">汽车</a>
            <a href="">核验</a>
            <a href=""><strong>最新发布</strong> </a>
            <a href=""><strong>API私有化</strong> </a>
        </div> -->
    </div>
    <!-- 分类部分 -->
    <div class="container mg30">
        <!-- 上面选项部分的代码 -->
        <div class="clearfix" id="nav">
            <!-- 左边身份证 -->
            <div class="fl fz12 all ptr">
                <img src="./imgs/更多.png" alt="">
                <span id="cotent">全部</span>
                <input type="text" name="username" placeholder="身份证实名" id="keyw">
                <img src="./imgs/magnifier.png" alt="">
            </div>
            <!-- 右边的分类 -->
            <div class="fr clearfix fz12 fc66 other">
                <p class="fl"><span></span><strong>排序:</strong>
                    <a href="#">综合</a>
                    <a href="#">最新</a>
                    <a href="#">热门</a>
                </p>
                <p class="fl"><span></span><strong>付费类型:</strong>
                    <a href="#">综合</a>
                    <a href="#">最新</a>
                    <a href="#">热门</a>
                </p>
            </div>
        </div>
        <!-- 下面的分类部分 -->
        <ul class="tcenter fz12 fc66 clearfix" id="list">
            <!-- <li>
                <p class="title">企业专用</p>
                <div class="block fwb fz14">
                    <a href="#">
                    <img src="./imgs/API_01.jpg" alt="">
                    <p>身份证实名认证</p>
                    <p> ￥0.2000/次</p>
                </a>
                </div>
                <div class="contant">
                    <p>身份证二要素官方实名核验，传入 姓名、身份证号，校验此二要素是否-致.直连官方权威渠道，精准实时核验，毫秒级响应，零缓存,快速完成功能 </p>
                    <a href="">了解详情</a>
                </div>
            </li>
            <li>
                <p class="title">企业专用</p>
                <div class="block fwb fz14">
                    <a href="#">
                    <img src="./imgs/API_02.jpg" alt="">
                    <p>身份证实名认证</p>
                    <p> ￥0.2000/次</p></a>
                </div>
                <div class="contant">
                    <p>身份证二要素官方实名核验，传入 姓名、身份证号，校验此二要素是否-致.直连官方权威渠道，精准实时核验，毫秒级响应，零缓存,快速完成功能 </p>
                    <a href="">了解详情</a>
                </div>
            </li>
            <li>
                <p class="title">企业专用</p>
                <div class="block fwb fz14">
                    <a href="#">
                    <img src="./imgs/API_02.jpg" alt="">
                    <p>身份证实名认证</p>
                    <p> ￥0.2000/次</p></a>
                </div>
                <div class="contant">
                    <p>身份证二要素官方实名核验，传入 姓名、身份证号，校验此二要素是否-致.直连官方权威渠道，精准实时核验，毫秒级响应，零缓存,快速完成功能 </p>
                    <a href="">了解详情</a>
                </div>
            </li>
            <li>
                <p class="title">企业专用</p>
                <div class="block fwb fz14">
                    <a href="#">
                    <img src="./imgs/API_02.jpg" alt="">
                    <p>身份证实名认证</p>
                    <p> ￥0.2000/次</p></a>
                </div>
                <div class="contant">
                    <p>身份证二要素官方实名核验，传入 姓名、身份证号，校验此二要素是否-致.直连官方权威渠道，精准实时核验，毫秒级响应，零缓存,快速完成功能 </p>
                    <a href="">了解详情</a>
                </div>
            </li>
            <li>
                <p class="title">企业专用</p>
                <div class="block fwb fz14">
                    <a href="#">
                    <img src="./imgs/API_02.jpg" alt="">
                    <p>身份证实名认证</p>
                    <p> ￥0.2000/次</p></a>
                </div>
                <div class="contant">
                    <p>身份证二要素官方实名核验，传入 姓名、身份证号，校验此二要素是否-致.直连官方权威渠道，精准实时核验，毫秒级响应，零缓存,快速完成功能 </p>
                    <a href="">了解详情</a>
                </div>
            </li> -->
        </ul>
    </div>
    <!-- 下面的按钮部分的样式 -->
    <div class="container tcenter">
        <div class="listbutton clearfix">
            <div id="btn" class="fl">
                <a class="active">1</a>
                <a>2</a>
                <a>3</a>
                <a>4</a>
                <a>5</a>
            </div>
            <a href="#" class="fl" id="btn-next">下一页 ></a>
        </div>
    </div>
        <!-- 广告部分 -->
        <div id="advert" class="bsb">
            <div class="container tcenter">
                <p class="fcff"> 免费试用上百种API、体验各类产品和服务</p>
                <p class="server fz12 bsb"><a href="#">云服务</a></p>
            </div>
        </div>
        <!-- 页脚部分 -->
        <footer class="container">
            <div class="clearfix">
                <!-- 左边列表部分 -->
                <div class="fl">
                    <dl>
                        <dt>联系与支持</dt>
                        <dd> 400-882-7715</dd>
                        <dd>售前咨询</dd>
                        <dd>客服&售后</dd>
                        <dd>常见问题</dd>
                        <dd>极速工单</dd>
                        <dd>投诉与建议</dd>
                    </dl>
                    <dl>
                        <dt>关于源码 </dt>
                        <dd>合作伙伴</dd>
                        <dd>服务条款</dd>
                        <dd>隐私政策</dd>
                        <dd>市场合作</dd>
                        <dd>反商业贿赂声明</dd>
                    </dl>
                    <dl>
                        <dt>快速入口</dt>
                        <dd>API数据</dd>
                        <dd>黑钻会员</dd>
                        <dd>新闻动态</dd>
                        <dd>联系我们</dd>
                        <dd>加入我们</dd>
                    </dl>
                    <dl>
                        <dt>产品服务
                        </dt>
                        <dd>云监测</dd>
                        <dd>云查询</dd>
                        <dd>云助手</dd>
                        <dd>聚盒子</dd>
                        <dd>云充值</dd>
                    </dl>
                    <dl>
                        <dt>解决方案</dt>
                        <dd>数字中台</dd>
                        <dd>慧集：API生命周期管理</dd>
                        <dd>有赢：助力企业营销</dd>
                    </dl>
                </div>
                <!-- 右边二维码部分 -->
                <div class="fr tcright">
                    <p class="fz16">微信公众号</p>
                    <p class="fz12 fc66 mg30">源码时代</p>
                    <img src="./imgs/103-demo.png" alt="" class="mg30">
                </div>
            </div>
            <!-- 下最后版权部分 -->
            <div class="clearfix">
                <p class="fl fz12 fc66"><img src="./imgs/bei1.png" alt=""><img src="./imgs/bei2.png"
                        alt="">增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照</p>
                <p class="fr fz12 fc66">源码大数据股份有限公司©版权所有</p>
            </div>
        </footer>
            <!-- 侧边的联系我们 -->
            <div id="relation">
               <!--  <ul class="tcenter fz16">
                    <li class="ptr"><a href="#">电话</a>
                        电话联系 
                        <div id="tel" class="fwb">
                            888-8888-8888<span></span>
                        </div>
                    </li>
                    <li><a href="#">QQ</a> </li>
                    <li><a href="#">信息</a> </li>
                </ul> -->
                <!-- 返回顶部 -->
                <div class="top fz14 fc66 tcenter">返回顶部</div>
            </div>
<script src="./js/jquery.min.js"></script>
<script src="./js/运动框架.js"></script>
</body>

</html>